<template>
  <div class="p-container">
    <h3>{{ label }}</h3>
    <Child :message="message" info="info from parent"></Child>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import Child from "./Child.vue";

const label = ref("props");
const message = ref("message from parent");
</script>

<style scoped>
.p-container {
  background-color: yellowgreen;
  height: 80vh;
}
</style>
